-
Notifications
You must be signed in to change notification settings - Fork 619
Dashboard: export the date in CSV as ISO string in wallets/users table, UI tweaks #7802
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Dashboard: export the date in CSV as ISO string in wallets/users table, UI tweaks #7802
Conversation
|
WalkthroughThe changes update the in-app wallet users UI components to improve layout responsiveness, search and clear functionality, identifier display, and tooltip usage. The search input and controls are restyled, a clear button is added, identifier cells use a copy-to-clipboard button, tooltips are added to dates, and CSV export formatting is updated. Changes
Sequence Diagram(s)sequenceDiagram
participant User
participant AdvancedSearchInput
participant WalletUsersContent
User->>AdvancedSearchInput: Types search query
AdvancedSearchInput->>WalletUsersContent: Triggers search with query
User->>AdvancedSearchInput: Clicks clear "X" button
AdvancedSearchInput->>WalletUsersContent: Clears search results
User->>WalletUsersContent: Views identifier cell
WalletUsersContent->>User: Shows CopyTextButton (truncated if long)
User->>WalletUsersContent: Hovers over creation date
WalletUsersContent->>User: Shows tooltip with detailed timestamp
User->>WalletUsersContent: Clicks Download CSV
WalletUsersContent->>User: Downloads CSV with ISO date format
Estimated code review effort🎯 3 (Moderate) | ⏱️ ~15 minutes Warning Review ran into problems🔥 ProblemsErrors were encountered while retrieving linked issues. Errors (1)
📜 Recent review detailsConfiguration used: CodeRabbit UI 📒 Files selected for processing (2)
🚧 Files skipped from review as they are similar to previous changes (2)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (8)
✨ Finishing Touches
🧪 Generate unit tests
🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
SupportNeed help? Create a ticket on our support page for assistance with any issues or questions. CodeRabbit Commands (Invoked using PR comments)
Other keywords and placeholders
CodeRabbit Configuration File (
|
How to use the Graphite Merge QueueAdd either label to this PR to merge it via the merge queue:
You must have a Graphite account in order to use the merge queue. Sign up using this link. An organization admin has enabled the Graphite Merge Queue in this repository. Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue. This stack of pull requests is managed by Graphite. Learn more about stacking. |
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #7802 +/- ##
=======================================
Coverage 56.34% 56.34%
=======================================
Files 905 905
Lines 58788 58788
Branches 4141 4141
=======================================
Hits 33122 33122
Misses 25561 25561
Partials 105 105
🚀 New features to boost your workflow:
|
94df0c7 to
2b686bb
Compare
size-limit report 📦
|
Merge activity
|
…e, UI tweaks (#7802) <!-- ## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes" If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000): ## Notes for the reviewer Anything important to call out? Be sure to also clarify these in your comments. ## How to test Unit tests, playground, etc. --> <!-- start pr-codex --> --- ## PR-Codex overview This PR enhances the `AdvancedSearchInput` component by adding a clear button, improving the layout, and integrating a loading spinner. It also updates the `InAppWalletUsersPageContent` to include a tooltip for user identifiers and modifies the display of created dates. ### Detailed summary - Added `XIcon` to `AdvancedSearchInput` for a clear button. - Integrated `Spinner` for loading state in `AdvancedSearchInput`. - Improved layout with responsive design adjustments. - Added `ToolTipLabel` for user identifier display in `InAppWalletUsersPageContent`. - Changed date format to ISO in `InAppWalletUsersPageContent`. - Updated button styles for better UI consistency. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex --> <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Added an inline clear button ("X" icon) to the search input, allowing users to clear queries directly. * User identifiers now feature a copy-to-clipboard button with truncation and tooltip support. * Wallet creation dates now display detailed timestamps in a tooltip on hover. * **Improvements** * Enhanced responsive layout for search input and controls, optimizing usability across devices. * Updated button styles and input appearance for a more cohesive look. * CSV export now uses ISO date format for wallet creation dates. * Improved font size and styling for wallet labels and download button. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
2b686bb to
56b12c6
Compare

PR-Codex overview
This PR enhances the
AdvancedSearchInputcomponent by adding a clear button, improving the layout, and introducing a loading spinner. It also modifies theInAppWalletUsersPageContentcomponent to include tooltips and adjust the display of user identifiers and dates.Detailed summary
XIcontoAdvancedSearchInputfor a clear button.Spinnercomponent for loading states.AdvancedSearchInput.ToolTipLabelfor date display inInAppWalletUsersPageContent.CopyTextButton.Summary by CodeRabbit
New Features
Improvements